import Vue from 'vue'
import VueRouter from 'vue-router'
//导入login模块
import Login from '../components/login.vue'
import Home from '../components/Home.vue'
import Welcome from '../components/Welcome.vue'
import Users from '../components/user/Users.vue'


Vue.use(VueRouter)
const routes = [
  
]

const router = new VueRouter({
  routes:[
	  //重定向路由
	  {path:'/',redirect:'/login'},
	  //当客户访问/login这个路径时,显示component组件绑定的login组件
	  {path:'/login',component:Login},
	  {
		  path:'/home',
		  component:Home,
		  redirect:'/Welcome',
		  children:[
				{
					path:'/Welcome',
					component:Welcome,
				 },
				 {
					 path:'/users',
					 component:Users
				 }
		]
	 }
  ]
})

//挂载路由导航守卫
router.beforeEach((to,from,next)=>{
	//to将要访问的路径
	//from代表从哪个路径跳转而来
	// next是一个函数，表示放行
	//next()放行，next('/login')强制跳转
	if (to.path == '/login') return next()
	//获取token
	const tokenStr=window.sessionStorage.getItem('token')
	if(!tokenStr) return next('/login')
	next()
})
export default router
